<template>
	<view class="">
		<u-sticky zIndex="999" bgColor="#f7f7f7">
			<u-tabs 
				lineWidth="30" 
				lineColor="#F3C35C" 
				:activeStyle="{ color: '#111', fontWeight: 600}" 
				:inactiveStyle="{color:'#999999'}" 
				:scrollable="false" 
				:list="tabList" 
				@click="onTabs">
			</u-tabs>
		</u-sticky>
		<view class="bg-white pl-30 pr-30">
			<view class="padding-30 border-b flex justify-between align-center" v-for="(item, index) in 20" :key='index'>
				<view>
					<view class="fsize-30">充值</view>
					<view class="mt-10 fszie-24 line-gray-9">2023.07.29 10:00</view>
				</view>
				<view class="fsize-34 fweigh-600">+100</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				tabIndex: 0,
				tabList: [
					{name:'全部', value: 0},
					{name:'消费', value: 1},
					{name:'充值', value: 2}
				]
			}
		},
		methods : {
			onTabs(e){
				console.log('tabs', e)
			}
		}
	}
</script>

<style>
</style>